<template>
  <div class="nav">
    <div class="nav-item">
      <div class="wangji-job">
        <RouterLink to="/shouyeView"><span><</span></RouterLink>
        <div>消息</div>
        <span class="dd"></span>
      </div>
    </div>
    <div class="xiaoxi">
        <div><img src="../../assets/images/截屏2024-03-15 14.05.20.png" alt=""></div>
        <div class="xiaoxi-job">
            <div>恭喜您成功获取一枚可爱的代理商！</div>
            <div>2018-03-16  15:00</div>
        </div>
    </div>
    <div class="xiaoxi">
        <div><img src="../../assets/images/截屏2024-03-15 14.05.20.png" alt=""></div>
        <div class="xiaoxi-job">
            <div>恭喜您成功获取一枚可爱的代理商！</div>
            <div>2018-03-16  15:00</div>
        </div>
    </div>
    <div class="xiaoxi">
        <div><img src="../../assets/images/截屏2024-03-15 14.05.20.png" alt=""></div>
        <div class="xiaoxi-job">
            <div>恭喜您成功获取一枚可爱的代理商！</div>
            <div>2018-03-16  15:00</div>
        </div>
    </div>
    <div class="xiaoxi">
        <div><img src="../../assets/images/截屏2024-03-15 14.05.20.png" alt=""></div>
        <div class="xiaoxi-job">
            <div>恭喜您成功获取一枚可爱的代理商！</div>
            <div>2018-03-16  15:00</div>
        </div>
    </div>
    <div class="xiaoxi">
        <div><img src="../../assets/images/截屏2024-03-15 14.05.20.png" alt=""></div>
        <div class="xiaoxi-job">
            <div>恭喜您成功获取一枚可爱的代理商！</div>
            <div>2018-03-16  15:00</div>
        </div>
    </div>
    <div class="xiaoxi">
        <div><img src="../../assets/images/截屏2024-03-15 14.05.20.png" alt=""></div>
        <div class="xiaoxi-job">
            <div>恭喜您成功获取一枚可爱的代理商！</div>
            <div>2018-03-16  15:00</div>
        </div>
    </div>
  </div>
</template>
<style scoped>
.wangji-job {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  border-bottom: 1px solid #ccc;
}
.nav-item span {
  padding: 5px 0;
}
.xiaoxi {
    display: flex;
    padding: 15px;
    border-bottom: #e3e3e3 1px solid;
}
.xiaoxi img{
    width: 50px;
    height: 50px;
}

.xiaoxi-job div:nth-child(2){
    color: #ccc;
    padding: 3px 0;
}
.xiaoxi-job {
    padding: 5px 10px;
}
</style>
